$(function () {
    initCate()
    //获取分类列表
    function initCate() {
        //发送Ajax请求
        $.ajax({
            type: 'get',
            url: '/my/article/cates',
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                console.log(res);
                //渲染到下拉列表
                var htmlStr = template('tpl_cata', res)

                $('[name =cate_id]').html(htmlStr)
                //手动重新渲染表单
                layui.form.render()
            }
        })
    }

    //富文本编译器
    initEditor()

    // 1. 初始化图片裁剪器
    var $image = $('#image')

    // 2. 裁剪选项
    var options = {
        aspectRatio: 400 / 280,
        preview: '.img-preview'
    }

    // 3. 初始化裁剪区域
    $image.cropper(options)

    //点击上传文件出文件框
    $('#btnChooseImage').on('click', function () {
        $('#coverFile').click()
    })

    //给文件域注册事件
    $('#coverFile').on('change', function () {
        //获取到文件列表
        var fileerLis = this.files
        var file = fileerLis[0]
        //根据上传的文件创建url地址
        var newImgURL = URL.createObjectURL(file)
        $image
            .cropper('destroy')      // 销毁旧的裁剪区域
            .attr('src', newImgURL)  // 重新设置图片路径
            .cropper(options)        // 重新初始化裁剪区域
    })


    //文章状态
    // var state = '已发布'
    // $('#btnSave2').on('click', function () {
    //     state = '草稿'
    // })
    //z注册表单事件
    $('#form-pub').on('submit', function (e) {
        e.preventDefault()
        //收集数据
        var fd = new FormData(this)
        // state = $('[checked]')
        // fd.append('state', state)

        //裁剪图片转二进制
        $image
            .cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
                width: 400,
                height: 280
            })
            .toBlob(function (blob) {       // 将 Canvas 画布上的内容，转化为文件对象
                // 得到文件对象后，进行后续的操作
                fd.append('cover_img', blob)
                pubkishArticle(fd)
                // fd.forEach(function (value) {
                //     console.log(value);
                // })
               
            })
      
     


    })
 
   
   

    //发送请求的函数
    function pubkishArticle(fd) {
        //发送请求
        $.ajax({
            type: 'post',
            url: '/my/article/add',
            data: fd,
            processData: false,
            contentType: false,
            success(res) {
              
                if (res.status !== 0) {
                  return layui.layer.msg(res.message , {icon : 5})
                }
                layui.layer.msg(res.message, { icon: 6 },
                    function () {
                        //跳转页面
                        window.parent.iframe()
                     
                })
            }
            
        })

    }
    
})